.root {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: white;
}

.content {
  border-radius: 40px;
  color: white;
  position: relative;
  background-color: black;
}

.innter {
  display: flex;
  align-items: baseline;
  height: 40px;
}

.Hero {
  background-image: url('../images/professions/Hero.png');
  background-repeat: no-repeat;
  background-position: -156PX -76PX;
}

.Paladin {
  background-image: url('../images/professions/Paladin.png');
  background-repeat: no-repeat;
  background-position: -206PX -138PX;
}

.Bushido {
  background-image: url('../images/professions/Bushido.png');
  background-repeat: no-repeat;
  background-position: -84PX -180PX;
}

.Medic {
  background-image: url('../images/professions/Medic.png');
  background-repeat: no-repeat;
  background-position: -60PX -94PX;
}

.Ranger {
  background-image: url('../images/professions/Ranger.png');
  background-repeat: no-repeat;
  background-position: -116PX -210PX;
}

.Gunner {
  background-image: url('../images/professions/Gunner.png');
  background-repeat: no-repeat;
  background-position: -34PX -106PX;
}

.DoctorMagus {
  background-image: url('../images/professions/DoctorMagus.png');
  background-repeat: no-repeat;
  background-position: -36PX -184PX;
}

.Highlander {
  background-image: url('../images/professions/Highlander.png');
  background-repeat: no-repeat;
  background-position: -114PX -234PX
}

.Princess {
  background-image: url('../images/professions/Princess.png');
  background-repeat: no-repeat;
  background-position: -194PX -104PX;
}

.Shogun {
  background-image: url('../images/professions/Shogun.png');
  background-repeat: no-repeat;
  background-position: -206PX -80PX;
}

.Zodiac {
  background-image: url('../images/professions/Zodiac.png');
  background-repeat: no-repeat;
  background-position: -144PX -202PX;
}

.Shinobi {
  background-image: url('../images/professions/Shinobi.png');
  background-repeat: no-repeat;
  background-position: -156PX -280PX;
}

.Farmer {
  background-image: url('../images/professions/Farmer.png');
  background-repeat: no-repeat;
  background-position: -32PX -212PX;
}

.Swordsman {
  background-image: url('../images/professions/Swordsman.png');
  background-repeat: no-repeat;
  background-position: -128PX -118PX;
}

.NightSeeker {
  background-image: url('../images/professions/NightSeeker.png');
  background-repeat: no-repeat;
  background-position: -152PX -116PX;
}

.Mystic {
  background-image: url('../images/professions/Mystic.png');
  background-repeat: no-repeat;
  background-position: -224PX -92PX;
}

.Imperial {
  background-image: url('../images/professions/Imperial.png');
  background-repeat: no-repeat;
  background-position: -112PX -72PX;
}

.Cestvs {
  background-image: url('../images/professions/Cestvs.png');
  background-repeat: no-repeat;
  background-position: -50PX -122PX;
}

.Reaper {
  background-image: url('../images/professions/Reaper.png');
  background-repeat: no-repeat;
  background-position: -84PX -140PX;
}